<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
    <title>IM</title>
    <link rel="stylesheet" href="/static/css/app/workspace/conversation/conversation.css">
    <script src="/static/js/app/workspace/conversation/common/jquery.min.js"></script>
    <script src="/static/js/app/workspace/conversation/common/flexible.js"></script>
    <!--SDK 文档：http://www.rongcloud.cn/docs/web.html#sdk-->
    <script src="//cdn.ronghub.com/RongIMLib-2.3.0.js"></script>
    <script src="//cdn.ronghub.com/RongEmoji-2.2.6.min.js"></script>
    <script src="/static/js/app/workspace/conversation/libs/utils.js"></script>
    <script src="/static/js/app/workspace/conversation/libs/qiniu-upload.js"></script>
    <script src="/static/js/app/workspace/conversation/emoji.js"></script>
    <script src="/static/js/app/workspace/conversation/template.js"></script>
    <script src="/static/js/app/workspace/conversation/emoji.js"></script>
    <script src="/static/js/app/workspace/conversation/conversation.js"></script>
    <link rel="stylesheet" href="/static/css/app/workspace/conversation/im.css">

</head>
<body>
<!--<div id="conversation">-->
    <!--<div class="talking-top" onclick="RCS.startConversation(event)">-->
        <!--15789243-->
    <!--</div>-->
    <!--<div class="talking-con">-->
    <!--</div>-->
    <!--<div class="talking-bottom">-->
        <!--<div class="bottom-fun">-->
            <!--<div class="fun1">-->
                <!--<textarea name="" id="text" cols="30" rows="2"></textarea>-->
                <!--<span class="emoticon">表情</span>-->
                <!--<b onclick="RCS.send()">发送</b>-->
            <!--</div>-->
            <!--<div class="fun2">-->
                <!--<span>语音</span><span>图片</span>-->
                <!--<span>视频</span><span>礼物</span>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="bottom-con"></div>-->
    <!--</div>-->
<!--</div>-->

<div id="conversation-box" >
    <div class="rcs-chat-wrapper rcs-chat-im-wrapper"></div>
</div>
</body>
<!-- 实例化 -->
<script>
    /*
    具体使用时：
    1：切换到自己的 key 和 token
    2：移除 im.js 里的 sendTextMessage(instance); 这行代码
    3：自行二次开发
    4：参考
         - 用户数据处理 http://support.rongcloud.cn/kb/NjQ5
         - 消息状态 http://support.rongcloud.cn/kb/NjMz
         - 集成指南 https://rongcloud.github.io/websdk-demo/integrate/guide.html
         - 其他 demo https://github.com/rongcloud/websdk-demo
    */
     (function(){
    //     //初始化appKey  和 token的值
        var appKey = "n19jmcy59f1q9";
         var token = "gRSklJrYyvnRyNw13QTLl6+YsUIoF3ojin3K277sfOnTraT0tjbHZFpr6Ae3DZ6g18GLR6pjRZnZiW6oTNV1xatdpZUyLdaH";
    //     //var token = "J8DoGInf+QKOVCngXMoEM6+YsUIoF3ojin3K277sfOnTraT0tjbHZLuZ5t87WE/hzDQAfQ5OQgr1WgQ4vY3O36tdpZUyLdaH";
    //     //初始化融云
        RCS.init({
            appKey: appKey,  //传入appKey值
            token: token,    //传入token值
            target: document.getElementById('conversation-box'),//实例化值当前HTML中
            showConversitionList: true,   //是否显示转换列表
            //模板构造
            // templates: {
            //     //构造一个btn按钮  （进入IM）同事绑定点击事件 RCS.showCommon()
            //     button: ['<div class="rongcloud-consult rongcloud-im-consult">',
            //         '   <button onclick="RCS.showCommon()"><span class="rongcloud-im-icon">进入 IM</span></button>',
            //         '</div>',
            //         //显示和隐藏最近联系人列表 追加在html中   .rcs-app类中
            //         '<div class="customer-service" style="display: none;"></div>'].join('')//"templates/button.html",
            // },
            extraInfo: {
                // 当前登陆用户信息
                userInfo: {
                    name: "游客",
                    grade: "VIP"
                },
                // 产品信息
                requestInfo: {
                    productId: "123",
                    referrer: "10001",
                    define: "" // 自定义信息
                }
            }
        });
     })();
</script>
<script>
</script>
</html>